<template>
  <div class="WxZy-Page">
    <div class="nr">
      <div class="block">
        <el-carousel height="150px">
          <el-carousel-item v-for="item in 4" :key="item">
            <a href=""><img :src="lunbos[item]"/></a>
          </el-carousel-item>
        </el-carousel>
      </div>
      <div class="cz">
        <table class="table wxzy-table">
          <tr v-for="item in items">
            <td><img :src="item.picture" style="width: 58%;height: 100px"/><router-link :to="{path:'goumai/'+item.id}" style="color: red">立即抢购>>></router-link></td>
            <!--<td style='height:100px;width: 48%;background:url("static/image/22.jpg") center no-repeat;background-size: 100% 100%;'><a href="#" class="yangshi">立即抢购</a></td>-->
          </tr>
        </table>
      </div>
      <div style="height: 31px"></div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'WxZy',
    data() {
      return {
        currentDate: new Date(),
//              lunbos:['',]
        lunbos:['','static/image/lun1.jpg','static/image/lun2.jpg','static/image/lun3.jpg','static/image/lun4.jpg'],
        items:{}
      }
    },
    computed:{},
    mounted() {
      this.$http.get('/lunbo').then(resp=>{
        this.items = resp.data[1]
//            for(let sp of resp.data[1]){
//               this.shops = sp.picture;
//            }
      }).catch(err=>console.log(err));
    },
    methods: {

    }
  }
</script>
<style lang="less">
  .WxZy-Page {
    width: 100%;height: 100%;margin: 0;
    overflow-x: hidden;overflow-y: hidden;
  }
  .wxzy-table tr{background: linear-gradient(white,snow,whitesmoke);}
  .block{height: 150px;margin: 0;width: 100%}
  .nr{min-height: 568px;border: 0}
  .el-col{margin-top: 5px;}
  .cz{width: 100%;margin: auto;}
  .el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 150px;
    margin: 0;
  }
  .el-carousel__item img{
    height: 150px;margin: 0;width: 100%;
  }
  .time {
    font-size: 13px;
    color: #999;
  }

  .bottom {
    margin-top: 13px;
    line-height: 12px;
  }

  .button {
    padding: 0;
    float: right;
  }

  .image {
    width: 100%;
    display: block;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }

  .clearfix:after {
    clear: both
  }
  .yangshi{
    color:#880000;
    font-weight: bold;
  }

</style>
